<template>
  <el-footer
    style="background-color: #dcdfe6; border-radius: 30px; padding-top: 10px"
  >
    <el-row type="flex">
      <el-col :span="9">
        <el-button size="medium" type="warning" round>停车缴费</el-button>
      </el-col>
      <el-col :span="7">
        <el-button size="medium" type="warning" round>泊车</el-button>
      </el-col>
      <el-col :span="6">
        <el-button size="medium" type="warning" round @click="userCenter"
          >个人中心</el-button
        >
      </el-col>
    </el-row>
  </el-footer>
</template>

<script>
export default {
  name: "Footer",
  methods: {
    userCenter() {
      this.$router.push("/usercenter");
    },
  },
};
</script>

<style scoped>
</style>